<div ng-init="init();" class="kmi-layout-content B0404-content">
    <!-- 標題列-->
    <div class="kmi-header-row">
        <!-- 返回按鈕 -->
        <div class="kmi-side-btn left" ng-click="back();">
            <i class="material-icons">&#xE408;</i>
        </div>
        <div class="brand-title">
            <div class="custom" ng-if="companyName">
                <div class="title" ng-bind="companyName"></div>
                <img src="" alt="" class="brand">
                <div class="gap"></div>
            </div>
            <div class="digiwin">
                <img src="image/smes_v340/logo_ch.png" alt="">
                <img src="image/smes_v340/logo_en.png" alt="">
            </div>
        </div>
        <!-- 程式名稱 -->
        <div class="header-title" ng-bind="'B0404.title' | translate"></div>
        <!-- 左上角的logo -->
        <div class="header-logo"></div>
    </div>
    <!-- 程式內容-->
    <div class="kmi-layout-main-content" style="padding:5px;">
        <div class="kmi-layout-page">
            <div class="kmi-report-panel"></div>
            <div class="report_content">
                <div class="kmi-list column-selector"  column-selector-id="B0404_data">
                    <div class="kmi-list__header">
                        <div class="kmi-list__column" style="flex: 1; z-index: 1;"></div>
                        <div class="kmi-list__column" style="flex: 1; z-index: 1;" ng-bind="'B0404.list.column_1' | translate"></div>
                        <div class="kmi-list__column" style="flex: 1; z-index: 1;" ng-bind="'B0404.list.column_2' | translate"></div>
                        <div class="kmi-list__column" style="flex: 1; z-index: 1;" ng-bind="'B0404.list.column_3' | translate"></div>
                        <div class="kmi-list__column" style="flex: 1; z-index: 1;" ng-bind="'B0404.list.column_4' | translate"></div>
                        <div class="kmi-list__column" style="flex: 1; z-index: 1;" ng-bind="'B0404.list.column_5' | translate"></div>
                        <div class="kmi-list__column" style="flex: 1; z-index: 1;" ng-bind="'B0404.list.column_6' | translate"></div>
                        <div class="kmi-list__column" style="flex: 1; z-index: 1;" ng-bind="'B0404.list.column_7' | translate"></div>
                        <div class="kmi-list__column" style="flex: 1; z-index: 1;" ng-bind="'B0404.list.column_8' | translate"></div>
                        <div class="kmi-list__column" style="flex: 1; z-index: 1;" ng-bind="'B0404.list.column_9' | translate"></div>
                        <div class="kmi-list__column" style="flex: 1; z-index: 1;" ng-bind="'B0404.list.column_10' | translate"></div>
                        <div class="kmi-list__column" style="flex: 1; z-index: 1;" ng-bind="'B0404.list.column_11' | translate"></div>
                        <div class="kmi-list__column" style="flex: 1; z-index: 1;" ng-bind="'B0404.list.column_12' | translate"></div>
                    </div>
                    <div class="kmi-list__row-content">
                        <div class="kmi-list__row" ng-repeat="item in abnormal_lot_info track by $index">
                            <div class="kmi-list__column column-border" style="flex:1;z-index:1;">
                                <button class="mdl-button mdl-js-button mdl-button--icon" ng-click ="select_item($event,item)">
                                    <img ng-show="item.event_id != current_select_eventid" src="image/icons/check0.png">
                                    <img ng-show="item.event_id == current_select_eventid" src="image/icons/check1.png">
                                </button>
                            </div>
                            <div class="kmi-list__column column-border" style="flex:1;z-index: 1;" ng-bind="item.lot_no"></div>
                            <div class="kmi-list__column column-border" style="flex:1;z-index: 1;" ng-bind="item.op_no"></div>
                            <div class="kmi-list__column column-border" style="flex:1;z-index: 1;" ng-bind="item.operating"></div>
                            <div class="kmi-list__column column-border" style="flex:1;z-index: 1;" ng-bind="item.lot_state_str"></div>
                            <div class="kmi-list__column column-border" style="flex:1;z-index: 1;" ng-bind="item.qty"></div>
                            <div class="kmi-list__column column-border" style="flex:1;z-index: 1;" ng-bind="item.rework_lot_no"></div>
                            <div class="kmi-list__column column-border" style="flex:1;z-index: 1;" ng-bind="item.assign_op_no"></div>
                            <div class="kmi-list__column column-border" style="flex:1;z-index: 1;" ng-bind="item.event_time"></div>
                            <div class="kmi-list__column column-border" style="flex:1;z-index: 1;" ng-bind="item.org_process_no"></div>
                            <div class="kmi-list__column column-border" style="flex:1;z-index: 1;" ng-bind="item.org_process_version"></div>
                            <div class="kmi-list__column column-border" style="flex:1;z-index: 1;" ng-bind="item.to_process_no"></div>
                            <div class="kmi-list__column column-border" style="flex:1;z-index: 1;" ng-bind="item.to_process_version"></div>
                            <div class="kmi-can-click" ></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="kmi-layout-footer">
        <button class="mdl-button mdl-js-button mdl-button--fab mdl-shadow--custom mdl-button--custom1"
        ng-click="confirm();" ng-disabled="current_select_eventid == ''">
          <i class="material-icons">done</i>
        </button>
    </div>
</div>